﻿<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="../helpproject.xsl" ?>
<topic template="Default" lasteditedby="Geert" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../helpproject.xsd">
  <title translate="true">Navigate</title>
  <keywords>
    <keyword translate="true">Behaviors</keyword>
    <keyword translate="true">Hyperlink</keyword>
    <keyword translate="true">MVVM</keyword>
    <keyword translate="true">Navigate</keyword>
  </keywords>
  <body>
    <header>
      <para styleclass="Heading1"><text styleclass="Heading1" translate="true">Navigate</text></para>
    </header>
    <para styleclass="Notes"><text styleclass="Notes" translate="true">Note that this behavior is only available for WPF</text></para>
    <para styleclass="Normal"><text styleclass="Notes" style="font-style:normal;" translate="true">The </text><link displaytype="text" defaultstyle="true" type="weblink" href="http://msdn.microsoft.com/en-us/library/system.windows.documents.hyperlink.aspx" target="_blank" styleclass="Notes" style="font-style:normal;" translate="true">Hyperlink</link><text styleclass="Notes" style="font-style:normal;" translate="true"> control in WPF is very powerful, but it is hard to make them work outside pages. </text></para>
    <para styleclass="Normal"><text styleclass="Normal" translate="true">Add the following XML namespaces:</text></para>
    <para styleclass="Code Example"><text styleclass="Code Example" style="font-weight:bold; font-style:normal; color:#000080;" translate="true">xmlns:i=&quot;clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity&quot;</text><br/><text styleclass="Code Example" style="font-weight:bold; font-style:normal; color:#000080;" translate="true">xmlns:catel=&quot;http://catel.codeplex.com&quot;</text></para>
    <para styleclass="Normal"><text styleclass="Normal" translate="true">To execute the </text><text styleclass="Normal" style="font-style:italic;" translate="true">NavigateUrl</text><text styleclass="Normal" style="font-style:normal;" translate="true">, simply use the behavior as shown below</text><text styleclass="Normal" translate="true">:</text></para>
    <para styleclass="Code Example"><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true">&lt;</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#ff0000;" translate="true">TextBlock</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true">&gt;</text><br/><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true"> &#160;&lt;</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#ff0000;" translate="true">Hyperlink</text><text styleclass="Code Example" style="font-weight:normal; font-style:normal; text-decoration:none; color:#000000;" translate="true">&#32;</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true">NavigateUri=</text><text styleclass="Code Example" style="font-weight:normal; font-style:normal; text-decoration:none; color:#0080ff;" translate="true">&quot;http://catel.codeplex.com&quot;</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true">&gt;</text><br/><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true"> &#160; &#160;&lt;</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#8000ff;" translate="true">i</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true">:Interaction.Behaviors&gt;</text><br/><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true"> &#160; &#160; &#160;&lt;</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#ff0000;" translate="true">catel</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true">:Navigate</text><text styleclass="Code Example" style="font-weight:normal; font-style:normal; text-decoration:none; color:#000000;" translate="true">&#32;</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true">/&gt;</text><br/><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true"> &#160; &#160;&lt;</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#8000ff;" translate="true">/i</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true">:Interaction.Behaviors&gt;</text><br/><br/><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true"> &#160; &#160;&lt;</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#ff0000;" translate="true">TextBlock</text><text styleclass="Code Example" style="font-weight:normal; font-style:normal; text-decoration:none; color:#000000;" translate="true">&#32;</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true">Text=</text><text styleclass="Code Example" style="font-weight:normal; font-style:normal; text-decoration:none; color:#0080ff;" translate="true">&quot;The best MVVM Framework&quot;</text><text styleclass="Code Example" style="font-weight:normal; font-style:normal; text-decoration:none; color:#000000;" translate="true">&#32;</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true">/&gt;</text><br/><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true"> &#160;&lt;</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#ff0000;" translate="true">/Hyperlink</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true">&gt;</text><br/><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true">&lt;</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#ff0000;" translate="true">/TextBlock</text><text styleclass="Code Example" style="font-weight:bold; font-style:normal; text-decoration:none; color:#000000;" translate="true">&gt;</text></para>
    <para styleclass="Notes"><text styleclass="Notes" translate="true">Another alternative is to use the </text><link displaytype="text" defaultstyle="true" type="topiclink" href="T_Catel_Windows_Controls_LinkLabel" styleclass="Notes" translate="true">LinkLabel</link><text styleclass="Notes" translate="true"> control</text></para>
  </body>
</topic>
